<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
	<title>Blue Ant. Документация</title>
	<style type="text/css">
		#wrapper {
			padding:10px 50px;
		}
		dt {
			font:1.2em monospace;
		}
	</style>
</head>
<body>
	<div id="wrapper">
		<h1>Простое подключение</h1>
		<p>Вставьте в шапку страницы</p>
		<pre><code>
		&lt;link rel="stylesheet" type="text/css" href="/path/to/blueant.css" media="all"/&gt;
		&lt;script type="text/javascript" src="/path/to/blueant.js"&gt;&lt;/script&gt;
		</code></pre>

		<p>И пропишите ссылкам атрибут "rel"</p>
		<pre><code>
		&lt;a href="big-picture.jpg" rel="blueant"&gt;&lt;img src="small-picture.jpg" alt="Picture"/&gt;&lt;/a&gt;
		</code></pre>
		<p>По умолчанию библиотека работает в режиме "fit", что значит простой попап и ресайз картинки.</p>
	</div>
</body>
</html>
